{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Python绘制时间线轮播多图"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "import pandas as pd\n",
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Pie, Bar, Timeline"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### 1. 读取北京2019年天气数据"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>ymd</th>\n",
       "      <th>bWendu</th>\n",
       "      <th>yWendu</th>\n",
       "      <th>tianqi</th>\n",
       "      <th>fengxiang</th>\n",
       "      <th>fengli</th>\n",
       "      <th>aqi</th>\n",
       "      <th>aqiInfo</th>\n",
       "      <th>aqiLevel</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>2019-01-01</td>\n",
       "      <td>1℃</td>\n",
       "      <td>-10℃</td>\n",
       "      <td>晴~多云</td>\n",
       "      <td>西北风</td>\n",
       "      <td>1级</td>\n",
       "      <td>56</td>\n",
       "      <td>良</td>\n",
       "      <td>2</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2019-01-02</td>\n",
       "      <td>1℃</td>\n",
       "      <td>-9℃</td>\n",
       "      <td>多云</td>\n",
       "      <td>东北风</td>\n",
       "      <td>1级</td>\n",
       "      <td>60</td>\n",
       "      <td>良</td>\n",
       "      <td>2</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>2019-01-03</td>\n",
       "      <td>2℃</td>\n",
       "      <td>-7℃</td>\n",
       "      <td>霾</td>\n",
       "      <td>东北风</td>\n",
       "      <td>1级</td>\n",
       "      <td>165</td>\n",
       "      <td>中度污染</td>\n",
       "      <td>4</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "          ymd bWendu yWendu tianqi fengxiang fengli  aqi aqiInfo  aqiLevel\n",
       "0  2019-01-01     1℃   -10℃   晴~多云       西北风     1级   56       良         2\n",
       "1  2019-01-02     1℃    -9℃     多云       东北风     1级   60       良         2\n",
       "2  2019-01-03     2℃    -7℃      霾       东北风     1级  165    中度污染         4"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df = pd.read_csv(\"./datas/beijing_tianqi/beijing_tianqi_2019.csv\")\n",
    "df.head(3)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>ymd</th>\n",
       "      <th>bWendu</th>\n",
       "      <th>yWendu</th>\n",
       "      <th>tianqi</th>\n",
       "      <th>fengxiang</th>\n",
       "      <th>fengli</th>\n",
       "      <th>aqi</th>\n",
       "      <th>aqiInfo</th>\n",
       "      <th>aqiLevel</th>\n",
       "      <th>month</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>2019-01-01</td>\n",
       "      <td>1℃</td>\n",
       "      <td>-10℃</td>\n",
       "      <td>晴~多云</td>\n",
       "      <td>西北风</td>\n",
       "      <td>1级</td>\n",
       "      <td>56</td>\n",
       "      <td>良</td>\n",
       "      <td>2</td>\n",
       "      <td>1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2019-01-02</td>\n",
       "      <td>1℃</td>\n",
       "      <td>-9℃</td>\n",
       "      <td>多云</td>\n",
       "      <td>东北风</td>\n",
       "      <td>1级</td>\n",
       "      <td>60</td>\n",
       "      <td>良</td>\n",
       "      <td>2</td>\n",
       "      <td>1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>2019-01-03</td>\n",
       "      <td>2℃</td>\n",
       "      <td>-7℃</td>\n",
       "      <td>霾</td>\n",
       "      <td>东北风</td>\n",
       "      <td>1级</td>\n",
       "      <td>165</td>\n",
       "      <td>中度污染</td>\n",
       "      <td>4</td>\n",
       "      <td>1</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "          ymd bWendu yWendu tianqi fengxiang fengli  aqi aqiInfo  aqiLevel  \\\n",
       "0  2019-01-01     1℃   -10℃   晴~多云       西北风     1级   56       良         2   \n",
       "1  2019-01-02     1℃    -9℃     多云       东北风     1级   60       良         2   \n",
       "2  2019-01-03     2℃    -7℃      霾       东北风     1级  165    中度污染         4   \n",
       "\n",
       "   month  \n",
       "0      1  \n",
       "1      1  \n",
       "2      1  "
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df[\"month\"] = pd.to_datetime(df[\"ymd\"]).dt.month\n",
    "df.head(3)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>month</th>\n",
       "      <th>tianqi</th>\n",
       "      <th>count</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>1</td>\n",
       "      <td>多云</td>\n",
       "      <td>9</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>1</td>\n",
       "      <td>多云~晴</td>\n",
       "      <td>1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>1</td>\n",
       "      <td>晴</td>\n",
       "      <td>12</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>1</td>\n",
       "      <td>晴~多云</td>\n",
       "      <td>4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>1</td>\n",
       "      <td>霾</td>\n",
       "      <td>3</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>1</td>\n",
       "      <td>霾~多云</td>\n",
       "      <td>1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>6</th>\n",
       "      <td>1</td>\n",
       "      <td>霾~晴</td>\n",
       "      <td>1</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>7</th>\n",
       "      <td>2</td>\n",
       "      <td>多云</td>\n",
       "      <td>9</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>8</th>\n",
       "      <td>2</td>\n",
       "      <td>多云~晴</td>\n",
       "      <td>3</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>9</th>\n",
       "      <td>2</td>\n",
       "      <td>小雪~多云</td>\n",
       "      <td>2</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   month tianqi  count\n",
       "0      1     多云      9\n",
       "1      1   多云~晴      1\n",
       "2      1      晴     12\n",
       "3      1   晴~多云      4\n",
       "4      1      霾      3\n",
       "5      1   霾~多云      1\n",
       "6      1    霾~晴      1\n",
       "7      2     多云      9\n",
       "8      2   多云~晴      3\n",
       "9      2  小雪~多云      2"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# 统计每个月份的每种天气出现次数\n",
    "df_agg = df.groupby([\"month\", \"tianqi\"]).size().reset_index()\n",
    "df_agg.columns = [\"month\", \"tianqi\", \"count\"]\n",
    "df_agg.head(10)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[['晴', 12],\n",
       " ['多云', 9],\n",
       " ['晴~多云', 4],\n",
       " ['霾', 3],\n",
       " ['多云~晴', 1],\n",
       " ['霾~多云', 1],\n",
       " ['霾~晴', 1]]"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# 怎样算出1月份的天气次数排名\n",
    "df_agg[df_agg[\"month\"]==1][[\"tianqi\", \"count\"]].sort_values(by=\"count\", ascending=False).values.tolist()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### 2. 按月变化-天气频率饼图"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"56a4381be5434d5c879c4e2f561cd607\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts'], function(echarts) {\n",
       "                var chart_56a4381be5434d5c879c4e2f561cd607 = echarts.init(\n",
       "                    document.getElementById('56a4381be5434d5c879c4e2f561cd607'), 'white', {renderer: 'canvas'});\n",
       "                var option_56a4381be5434d5c879c4e2f561cd607 = {\n",
       "    \"baseOption\": {\n",
       "        \"series\": [\n",
       "            {\n",
       "                \"type\": \"pie\",\n",
       "                \"name\": \"\\u5929\\u6c14\",\n",
       "                \"clockwise\": true,\n",
       "                \"data\": [\n",
       "                    {\n",
       "                        \"name\": \"\\u6674\",\n",
       "                        \"value\": 16\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u591a\\u4e91\",\n",
       "                        \"value\": 3\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"value\": 3\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"value\": 3\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u5c0f\\u96ea~\\u591a\\u4e91\",\n",
       "                        \"value\": 2\n",
       "                    }\n",
       "                ],\n",
       "                \"radius\": [\n",
       "                    \"0%\",\n",
       "                    \"75%\"\n",
       "                ],\n",
       "                \"center\": [\n",
       "                    \"50%\",\n",
       "                    \"50%\"\n",
       "                ],\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"timeline\": {\n",
       "            \"axisType\": \"category\",\n",
       "            \"orient\": \"horizontal\",\n",
       "            \"autoPlay\": false,\n",
       "            \"controlPosition\": \"left\",\n",
       "            \"loop\": true,\n",
       "            \"rewind\": false,\n",
       "            \"show\": true,\n",
       "            \"inverse\": false,\n",
       "            \"playInterval\": 1000,\n",
       "            \"bottom\": \"-5px\",\n",
       "            \"data\": [\n",
       "                \"1\\u6708\",\n",
       "                \"2\\u6708\",\n",
       "                \"3\\u6708\",\n",
       "                \"4\\u6708\",\n",
       "                \"5\\u6708\",\n",
       "                \"6\\u6708\",\n",
       "                \"7\\u6708\",\n",
       "                \"8\\u6708\",\n",
       "                \"9\\u6708\",\n",
       "                \"10\\u6708\",\n",
       "                \"11\\u6708\",\n",
       "                \"12\\u6708\"\n",
       "            ]\n",
       "        }\n",
       "    },\n",
       "    \"options\": [\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u973e\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 12\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 9\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u973e\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                            \"value\": 1\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u973e\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 9\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 5\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u973e\",\n",
       "                            \"value\": 3\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u973e\",\n",
       "                        \"\\u5c0f\\u96e8\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 13\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 8\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u973e\",\n",
       "                            \"value\": 2\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c0f\\u96e8\",\n",
       "                            \"value\": 1\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u5c0f\\u96e8\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 14\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 6\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u5c0f\\u96e8\",\n",
       "                            \"value\": 2\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u9634~\\u5c0f\\u96e8\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 11\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 5\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9634~\\u5c0f\\u96e8\",\n",
       "                            \"value\": 2\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 10\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u96f7\\u9635\\u96e8\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                            \"value\": 2\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u591a\\u4e91~\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u96f7\\u9635\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                            \"value\": 5\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u96f7\\u9635\\u96e8\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u96f7\\u9635\\u96e8~\\u591a\\u4e91\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 3\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u4e2d\\u96e8~\\u5c0f\\u96e8\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 8\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u96f7\\u9635\\u96e8\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e2d\\u96e8~\\u5c0f\\u96e8\",\n",
       "                            \"value\": 2\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u9634\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 13\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 5\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u9634\",\n",
       "                            \"value\": 1\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u5c0f\\u96e8\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 12\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 7\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u5c0f\\u96e8\",\n",
       "                            \"value\": 2\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u5c0f\\u96e8\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 12\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                            \"value\": 5\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                            \"value\": 4\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 2\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u5c0f\\u96e8\",\n",
       "                            \"value\": 2\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u5c0f\\u96ea~\\u591a\\u4e91\"\n",
       "                    ],\n",
       "                    \"selected\": {}\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"name\": \"\\u5929\\u6c14\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u6674\",\n",
       "                            \"value\": 16\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u591a\\u4e91~\\u6674\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6674~\\u591a\\u4e91\",\n",
       "                            \"value\": 3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c0f\\u96ea~\\u591a\\u4e91\",\n",
       "                            \"value\": 2\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"0%\",\n",
       "                        \"75%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"50%\",\n",
       "                        \"50%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_56a4381be5434d5c879c4e2f561cd607.setOption(option_56a4381be5434d5c879c4e2f561cd607);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x19e9590ea48>"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# 时间轴对象\n",
    "timeline = Timeline()\n",
    "# 轮播时间间隔，ms为单位\n",
    "timeline.add_schema(play_interval=1000)\n",
    "\n",
    "# 遍历每个月，画出每个月的饼图，添加到时间轴对象\n",
    "for month in df_agg[\"month\"].unique():\n",
    "    # 取出这个月的[(天气，次数)]数据\n",
    "    data = (\n",
    "        df_agg[df_agg[\"month\"]==month][[\"tianqi\", \"count\"]]\n",
    "        .sort_values(by=\"count\", ascending=False)\n",
    "        .values.tolist()[:5]\n",
    "    )\n",
    "    pie = Pie().add(\"天气\", data)\n",
    "    \n",
    "    timeline.add(pie, f\"{month}月\")\n",
    "timeline.render_notebook()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### 3. 按月变化-天气频率柱状图"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"3aa4f709d59040428154ff0b5d36e97c\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts'], function(echarts) {\n",
       "                var chart_3aa4f709d59040428154ff0b5d36e97c = echarts.init(\n",
       "                    document.getElementById('3aa4f709d59040428154ff0b5d36e97c'), 'white', {renderer: 'canvas'});\n",
       "                var option_3aa4f709d59040428154ff0b5d36e97c = {\n",
       "    \"baseOption\": {\n",
       "        \"series\": [\n",
       "            {\n",
       "                \"type\": \"bar\",\n",
       "                \"data\": [\n",
       "                    1,\n",
       "                    1,\n",
       "                    1,\n",
       "                    1,\n",
       "                    2,\n",
       "                    3,\n",
       "                    3,\n",
       "                    3,\n",
       "                    16\n",
       "                ],\n",
       "                \"barCategoryGap\": \"20%\",\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"right\",\n",
       "                    \"margin\": 8\n",
       "                },\n",
       "                \"rippleEffect\": {\n",
       "                    \"show\": true,\n",
       "                    \"brushType\": \"stroke\",\n",
       "                    \"scale\": 2.5,\n",
       "                    \"period\": 4\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"timeline\": {\n",
       "            \"axisType\": \"category\",\n",
       "            \"orient\": \"horizontal\",\n",
       "            \"autoPlay\": false,\n",
       "            \"controlPosition\": \"left\",\n",
       "            \"loop\": true,\n",
       "            \"rewind\": false,\n",
       "            \"show\": true,\n",
       "            \"inverse\": false,\n",
       "            \"playInterval\": 1000,\n",
       "            \"bottom\": \"-5px\",\n",
       "            \"data\": [\n",
       "                \"1\\u6708\",\n",
       "                \"2\\u6708\",\n",
       "                \"3\\u6708\",\n",
       "                \"4\\u6708\",\n",
       "                \"5\\u6708\",\n",
       "                \"6\\u6708\",\n",
       "                \"7\\u6708\",\n",
       "                \"8\\u6708\",\n",
       "                \"9\\u6708\",\n",
       "                \"10\\u6708\",\n",
       "                \"11\\u6708\",\n",
       "                \"12\\u6708\"\n",
       "            ]\n",
       "        },\n",
       "        \"xAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"yAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                },\n",
       "                \"data\": [\n",
       "                    \"\\u591a\\u4e91~\\u4e2d\\u96ea\",\n",
       "                    \"\\u591a\\u4e91~\\u9634\",\n",
       "                    \"\\u96fe~\\u6674\",\n",
       "                    \"\\u973e~\\u96fe\",\n",
       "                    \"\\u5c0f\\u96ea~\\u591a\\u4e91\",\n",
       "                    \"\\u591a\\u4e91\",\n",
       "                    \"\\u591a\\u4e91~\\u6674\",\n",
       "                    \"\\u6674~\\u591a\\u4e91\",\n",
       "                    \"\\u6674\"\n",
       "                ]\n",
       "            }\n",
       "        ]\n",
       "    },\n",
       "    \"options\": [\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        3,\n",
       "                        4,\n",
       "                        9,\n",
       "                        12\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u973e~\\u591a\\u4e91\",\n",
       "                        \"\\u973e~\\u6674\",\n",
       "                        \"\\u973e\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u6674\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        2,\n",
       "                        3,\n",
       "                        3,\n",
       "                        4,\n",
       "                        5,\n",
       "                        9\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u6674~\\u973e\",\n",
       "                        \"\\u9634\",\n",
       "                        \"\\u5c0f\\u96ea~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u973e\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        2,\n",
       "                        4,\n",
       "                        8,\n",
       "                        13\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u5c0f\\u96e8\",\n",
       "                        \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u9634~\\u591a\\u4e91\",\n",
       "                        \"\\u973e\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u6674\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        2,\n",
       "                        3,\n",
       "                        3,\n",
       "                        6,\n",
       "                        14\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u5c0f\\u96e8\",\n",
       "                        \"\\u973e~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u5c0f\\u96e8\",\n",
       "                        \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        2,\n",
       "                        4,\n",
       "                        4,\n",
       "                        5,\n",
       "                        11\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u4e2d\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u9634\",\n",
       "                        \"\\u591a\\u4e91~\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u96f7\\u9635\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u96f7\\u9635\\u96e8~\\u6674\",\n",
       "                        \"\\u9634~\\u5c0f\\u96e8\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u6674\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        2,\n",
       "                        2,\n",
       "                        3,\n",
       "                        4,\n",
       "                        4,\n",
       "                        10\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u591a\\u4e91~\\u5c0f\\u96e8\",\n",
       "                        \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u96f7\\u9635\\u96e8~\\u5c0f\\u96e8\",\n",
       "                        \"\\u96f7\\u9635\\u96e8~\\u6674\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u96f7\\u9635\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u591a\\u4e91~\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        2,\n",
       "                        2,\n",
       "                        3,\n",
       "                        3,\n",
       "                        4,\n",
       "                        4,\n",
       "                        4,\n",
       "                        5\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u4e2d\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u4e2d\\u96e8\",\n",
       "                        \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u9634~\\u591a\\u4e91\",\n",
       "                        \"\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u96f7\\u9635\\u96e8~\\u4e2d\\u96e8\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u6674\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u591a\\u4e91~\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u96f7\\u9635\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        2,\n",
       "                        2,\n",
       "                        2,\n",
       "                        2,\n",
       "                        3,\n",
       "                        3,\n",
       "                        4,\n",
       "                        8\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u591a\\u4e91~\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u9634\",\n",
       "                        \"\\u9634~\\u591a\\u4e91\",\n",
       "                        \"\\u96f7\\u9635\\u96e8~\\u5c0f\\u96e8\",\n",
       "                        \"\\u4e2d\\u96e8~\\u5c0f\\u96e8\",\n",
       "                        \"\\u4e2d\\u96e8~\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u96f7\\u9635\\u96e8~\\u4e2d\\u96e8\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u96f7\\u9635\\u96e8\",\n",
       "                        \"\\u6674\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        3,\n",
       "                        4,\n",
       "                        5,\n",
       "                        13\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u591a\\u4e91~\\u9634\",\n",
       "                        \"\\u5c0f\\u96e8\",\n",
       "                        \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u5c0f\\u96e8~\\u9634\",\n",
       "                        \"\\u9634~\\u4e2d\\u96e8\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u6674\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        2,\n",
       "                        3,\n",
       "                        4,\n",
       "                        7,\n",
       "                        12\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u5c0f\\u96e8~\\u6674\",\n",
       "                        \"\\u9634~\\u591a\\u4e91\",\n",
       "                        \"\\u9634~\\u5c0f\\u96e8\",\n",
       "                        \"\\u591a\\u4e91~\\u5c0f\\u96e8\",\n",
       "                        \"\\u5c0f\\u96e8~\\u591a\\u4e91\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u6674\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        2,\n",
       "                        2,\n",
       "                        4,\n",
       "                        5,\n",
       "                        12\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u591a\\u4e91~\\u4e2d\\u96e8\",\n",
       "                        \"\\u591a\\u4e91~\\u9634\",\n",
       "                        \"\\u5c0f\\u96e8\",\n",
       "                        \"\\u5c0f\\u96ea\",\n",
       "                        \"\\u9634~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u5c0f\\u96e8\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u6674\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"data\": [\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        1,\n",
       "                        2,\n",
       "                        3,\n",
       "                        3,\n",
       "                        3,\n",
       "                        16\n",
       "                    ],\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"rippleEffect\": {\n",
       "                        \"show\": true,\n",
       "                        \"brushType\": \"stroke\",\n",
       "                        \"scale\": 2.5,\n",
       "                        \"period\": 4\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u591a\\u4e91~\\u4e2d\\u96ea\",\n",
       "                        \"\\u591a\\u4e91~\\u9634\",\n",
       "                        \"\\u96fe~\\u6674\",\n",
       "                        \"\\u973e~\\u96fe\",\n",
       "                        \"\\u5c0f\\u96ea~\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91\",\n",
       "                        \"\\u591a\\u4e91~\\u6674\",\n",
       "                        \"\\u6674~\\u591a\\u4e91\",\n",
       "                        \"\\u6674\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"text\": \"\\u5317\\u4eac\\u6bcf\\u6708\\u5929\\u6c14\\u53d8\\u5316\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": true,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ]\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_3aa4f709d59040428154ff0b5d36e97c.setOption(option_3aa4f709d59040428154ff0b5d36e97c);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x19e959166c8>"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "timeline = Timeline()\n",
    "timeline.add_schema(play_interval=1000)\n",
    "for month in df_agg[\"month\"].unique():\n",
    "    data = (\n",
    "        df_agg[df_agg[\"month\"]==month][[\"tianqi\", \"count\"]]\n",
    "        .sort_values(by=\"count\", ascending=True)\n",
    "        .values.tolist()\n",
    "    )\n",
    "    \n",
    "    # 绘制柱状图\n",
    "    bar = Bar()\n",
    "   \n",
    "    # x轴是天气名称\n",
    "    bar.add_xaxis([x[0] for x in data])\n",
    "    # y轴是出现次数\n",
    "    bar.add_yaxis(\"\", [x[1] for x in data])\n",
    "    # 让柱状图横放\n",
    "    bar.reversal_axis()\n",
    "    bar.set_series_opts(label_opts=opts.LabelOpts(position=\"right\"))\n",
    "    bar.set_global_opts(title_opts=opts.TitleOpts(title=\"北京每月天气变化\"))\n",
    "    \n",
    "    timeline.add(bar, f\"{month}月\")\n",
    "    \n",
    "timeline.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.6"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}
